// const obox5 = document.querySelector(".box5");
// const small = document.querySelectorAll(".box5>.small");
// const zuo = document.querySelector(".zuo");
// const you = document.querySelector(".you");


//   you.onclick = function (){
//     let now = parseInt(getComputedStyle(obox5).left);
//     // console.log(Math.abs(now));
//     console.log(small);
//     if (Math.abs(now)<=obox5.offsetWidth-small[0].offsetWidth*10){
//        obox5.style.left = now-small[0].offsetWidth*5+"px";
//     }
//   }
//   zuo.onclick = function (){
//     let now = parseInt(getComputedStyle(obox5).left)
//     if(Math.abs(now)>=small[0].offsetWidth*5){
//        obox5.style.left = now+small[0].offsetWidth*5+"px";
//     }
//   }


